<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            #{ managerCriarImovel.imovel.id == null ? 'Cadastrar Registro de Imóvel' : 'Editar Registro de Imóvel' }
        </ui:define>

        <ui:define name="content">
            <h:form id="criarImovelForm" enctype="multipart/form-data">

                <p:messages id="criarImovelMessages" autoUpdate="true" />               

                <div class="actions">
                    <div id="buttons">

                        <p:button value="Pesquisar Imóvel" outcome="pesquisarImovel.xhtml"
                                  icon="ui-icon-search" styleClass="ui-priority-primary">
                        </p:button>

                        <p:button value="Visualizar" outcome="visualizarImovel.xhtml"
                                  rendered="#{ managerCriarImovel.imovel.id != null }"
                                  icon="ui-icon-search"
                                  styleClass="ui-priority-primary">
                            <f:param value="#{ managerCriarImovel.imovel.id }" name="imovelId"/>
                        </p:button>

                        <p:splitButton value="Ações" process="@none" icon="ui-icon-gear" styleClass="acoes"
                                       rendered="#{ managerCriarImovel.imovel.id != null }">
                            <f:param value="#{ managerCriarImovel.imovel.id }" name="imovelId"/>

                            <p:menuitem value="Averbação" icon="ui-icon-clipboard" outcome="fazerAverbacao.xhtml">
                                <f:param name="imovelId" value="#{ managerCriarImovel.imovel.id }"/>
                            </p:menuitem>

                            <p:menuitem value="Registro" icon="ui-icon-plus" outcome="fazerRegistro.xhtml" >
                                <f:param name="imovelId" value="#{ managerCriarImovel.imovel.id }"/>
                            </p:menuitem>

                            <p:menuitem value="Transferência" icon="ui-icon-refresh" outcome="fazerTransferencia.xhtml" >  
                                <f:param name="imovelId" value="#{ managerCriarImovel.imovel.id }"/>
                            </p:menuitem>                           

                            <p:menuitem value="Excluir" title="Excluir" oncomplete="dialogApagar.show()" icon="ui-icon-trash">
                                <f:setPropertyActionListener target="#{ managerPesquisarImovel.imovelDeletar }" value="#{ imovel }" />
                            </p:menuitem>

                        </p:splitButton>                     

                    </div>
                </div>

                <p:fieldset legend="Protocolo" id="protocoloFieldset">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Código" for="codigoProtocoloInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="codigoProtocoloInputText" value="#{ managerCriarImovel.imovel.protocolo.id }"
                                         readonly="true" />
                        </div>

                        <div class="column3">
                            <p:outputLabel value="Data" for="dataProtocoloInputText" />
                        </div>
                        <div class="column2">
                            <p:inputText id="dataProtocoloInputText" value="#{ managerCriarImovel.imovel.protocolo.dataCadastro }"
                                         readonly="true">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:inputText>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Cliente" for="clienteProtocoloInputText" />
                        </div>
                        <div class="column5">
                            <p:inputText id="clienteProtocoloInputText" value="#{ managerCriarImovel.imovel.protocolo.cliente.nome }"
                                         readonly="true" />
                        </div>

                        <div class="column1">
                            <p:outputLabel value="CPF" for="cpfClienteProtocoloInputText" />
                        </div>
                        <div class="column2">
                            <p:inputText id="cpfClienteProtocoloInputText" value="#{ managerCriarImovel.adicionarMascaraCPF(managerCriarImovel.imovel.protocolo.cliente.cpf) }"
                                         readonly="true" />
                        </div>
                    </div>

                    <div class="command">
                        <p:commandButton styleClass="adicionar" oncomplete="widthFix();" onclick="dialogProtocolo.show();"
                                         process="@this" update="@this" immediate="true" value="Pesquisar" icon="ui-icon-plus" />
                    </div>

                </p:fieldset>

                <p:fieldset legend="Cartório" id="cartorioFieldset">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Matrícula" for="registroInputText" />
                        </div>

                        <div class="column3">
                            <p:inputText id="registroInputText" value="#{ managerCriarImovel.imovel.registro }"
                                         required="true" requiredMessage="Registro é obrigatório"
                                         onkeypress="jQuery(this).autoNumeric({aSep: '', aDec: ',', vMin:0, wEmpty: '0', mDec: 0});" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Origem" for="origemAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="origemAutoComplete" value="#{ managerCriarImovel.imovel.origem }"
                                            forceSelection="true" dropdown="true" var="origem" itemValue="#{ origem }" 
                                            itemLabel="#{ origem.nome }" completeMethod="#{ managerCriarImovel.autocompletarOrigem }"
                                            converter="conversororigem" minQueryLength="3">
                                <p:ajax event="itemSelect" update="@form"
                                        process="@this" oncomplete="widthFix();" />
                            </p:autoComplete>
                        </div>                        
                    </div>                        

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Livro" for="livroAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="livroAutoComplete" value="#{ managerCriarImovel.imovel.livro }"
                                            forceSelection="true" dropdown="true" var="livro" itemValue="#{ livro }" 
                                            itemLabel="#{ livro.titulo }" completeMethod="#{ managerCriarImovel.autocompletarLivro }"
                                            converter="conversorlivro" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Folhas" for="folhasInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="folhasInputText" value="#{ managerCriarImovel.imovel.folhas }"
                                         title="Em caso de mais de uma folha, separe o intervalo com um traço. Exemplo: 1 - 3" />                                
                        </div>
                    </div>

                </p:fieldset>

                <p:fieldset legend="Imóvel" id="imovelFieldset">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel  value="Inscrição Imobiliaria Municipal" for="inscricaoImobiliariaMunicipalInputText"/>
                        </div>
                        <div class="column3">
                            <p:inputText id="inscricaoImobiliariaMunicipalInputText"
                                         value="#{ managerCriarImovel.imovel.inscricaoImobiliariaMunicipal }" />
                        </div>
                    </div>
                </p:fieldset>

                <p:fieldset id="registrosAnterioresNaoCadastradosFieldset" legend="Registros Anteriores Não Cadastrados"
                            rendered="#{ managerCriarImovel.imovel.origem.registroAnterior eq true }">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel  value="Matrícula" for="registroAnteriorRegistroInputText"/>
                        </div>
                        <div class="column3">
                            <p:inputText id="registroAnteriorRegistroInputText"
                                         required="true" requiredMessage="Registro/Matrícula é obrigatório"
                                         value="#{ managerCriarImovel.registroAnterior.registro }" />
                        </div>

                        <div class="column2">
                            <p:outputLabel  value="Cartório" for="registroAnteriorCartorioAutoComplete" />
                        </div>
                        <div class="column3">                           
                            <p:autoComplete id="registroAnteriorCartorioAutoComplete" value="#{ managerCriarImovel.registroAnterior.cartorio }"
                                            forceSelection="true" dropdown="true" var="cartorio" itemValue="#{ cartorio }" 
                                            itemLabel="#{ cartorio.razaoSocial }" completeMethod="#{ managerCriarImovel.autocompletarCartorio }"
                                            converter="conversorcartorio" minQueryLength="3" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel  value="Folhas" for="registroAnteriorFolhasInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="registroAnteriorFolhasInputText" value="#{ managerCriarImovel.registroAnterior.folhas }"
                                         title="Em caso de mais de uma folha, separe o intervalo com um traço. Exemplo: 1 - 3" />
                        </div>

                        <div class="column2">
                            <p:outputLabel  value="Livro" for="registroAnteriorLivroInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="registroAnteriorLivroInputText"
                                         value="#{ managerCriarImovel.registroAnterior.livro }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Descrição" for="registroAnteriorDescricaoinputTextarea" />
                        </div>
                        <div class="column8">
                            <p:inputTextarea id="registroAnteriorDescricaoinputTextarea" value="#{ managerCriarImovel.registroAnterior.descricao }" />
                        </div>
                    </div>

                    <div class="command">
                        <p:commandButton actionListener="#{ managerCriarImovel.adicionarRegistroAnterior() }" value="Adicionar"
                                         process=":criarImovelForm:registrosAnterioresNaoCadastradosFieldset" update=":criarImovelForm:registrosAnterioresNaoCadastradosFieldset"
                                         icon="ui-icon-plus" />
                        <p:commandButton actionListener="#{ managerCriarImovel.instenciarRegistroAnteriorNaoCadastro() }" value="Limpar"
                                         process="@this" update=":criarImovelForm:registrosAnterioresNaoCadastradosFieldset" icon="ui-icon-close" />
                    </div>                            

                    <p:dataTable id="registrosAnterioresDataTable" value="#{ managerCriarImovel.registrosAnterioresNaoCadastrados }" var="registroAnterior"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhum registro adicionado">

                        <p:column headerText="Opções" width="10%">
                            <div class="options2">
                                <p:commandButton icon="ui-icon-pencil" actionListener="#{ managerCriarImovel.editarRegistroAnteriorNaoCadastrado(registroAnterior) }" 
                                                 process=":criarImovelForm:registrosAnterioresNaoCadastradosFieldset" update=":criarImovelForm:registrosAnterioresNaoCadastradosFieldset" />
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarImovel.removerRegistroAnteriorNaoCadastrado(registroAnterior) }"
                                                 process="@this" update=":criarImovelForm:registrosAnterioresDataTable" />
                            </div>
                        </p:column>

                        <p:column headerText="Matrícula" width="20%">
                            <h:outputText value="#{ registroAnterior.registro }" />
                        </p:column>
                        <p:column headerText="Livro" width="20%">
                            <h:outputText value="#{ registroAnterior.livro }" />
                        </p:column>
                        <p:column headerText="Folhas" width="20%">
                            <h:outputText value="#{ registroAnterior.folhas }" />
                        </p:column>
                        <p:column headerText="Cartório" width="30%">
                            <h:outputText value="#{ registroAnterior.cartorio.razaoSocial }" />
                        </p:column>                        
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset id="registrosAnterioresCadastradosFieldset" legend="Registros Anteriores Cadastrados"
                            rendered="#{ managerCriarImovel.imovel.origem.registroAnterior eq true }">

                    <div class="command">
                        <p:commandButton styleClass="adicionar" onclick="dialogImovelAnterior.show();"
                                         process="@this" update="@this" immediate="true" value="Adicionar" icon="ui-icon-plus" />
                    </div>

                    <p:dataTable id="imovelAnteriorDataTable" value="#{ managerCriarImovel.imoveisAnterioresSelecionados }" var="imovel"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhum imóvel adicionado">

                        <p:column headerText="Opções" width="5%">
                            <div class="options1">
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarImovel.removerImovelAnterior(imovel) }"
                                                 process="@this" update=":criarImovelForm:imovelAnteriorDataTable" />
                            </div>
                        </p:column>

                        <p:column headerText="Matrícula" width="40%">
                            <h:outputText value="#{ imovel.registro }" />
                        </p:column>
                        <p:column headerText="Livro" width="30%">
                            <h:outputText value="#{ imovel.livro.titulo }" />
                        </p:column>
                        <p:column headerText="Folhas" width="30%">
                            <h:outputText value="#{ imovel.folhas }" />
                        </p:column>
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset id="tituloFieldset" legend="Título">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Título" for="tituloAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="tituloAutoComplete" value="#{ managerCriarImovel.transferencia.titulo }"
                                            forceSelection="true" dropdown="true" var="titulo" itemValue="#{ titulo }" 
                                            itemLabel="#{ titulo.nome }" completeMethod="#{ managerCriarImovel.autocompletarTitulo }"
                                            converter="conversortitulo" minQueryLength="3"
                                            required="true" requiredMessage="Título é obrigatório" />
                        </div>                           

                        <div class="column2">
                            <p:outputLabel value="Data" for="dataCadastroCalendar" />
                        </div>
                        <div class="column3">
                            <p:calendar id="dataCadastroCalendar" value="#{ managerCriarImovel.registro.dataRegistro }"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true"
                                        required="true" requiredMessage="Título é obrigatório" />
                        </div>
                    </div>

                    <div class="row"> 
                        <div class="column2">
                            <p:outputLabel value="Valor do Imóvel" for="valorSeloInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="valorSeloInputText"
                                         value="#{ managerCriarImovel.transferencia.valor }"
                                         onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                <f:convertNumber type="number" locale="pt-BR" />
                            </p:inputText>
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Moeda" for="tipoMoedaSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="tipoMoedaSelectOneMenu" value="#{ managerCriarImovel.transferencia.tipoMoeda }">
                                <f:selectItems value="#{ enums.tiposMoeda() }" />
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Forma do Título" for="formaTituloInputTextarea" />
                        </div>
                        <div class="column8">
                            <p:inputTextarea id="formaTituloInputTextarea" value="#{ managerCriarImovel.transferencia.formaTitulo }"
                                             required="true" requiredMessage="Forma do Título é obrigatório" />
                        </div>
                    </div>

                </p:fieldset>

                <p:fieldset id="objetoFieldset" legend="Objeto">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo" for="tipoEnderecoInputText" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="tipoEnderecoInputText" value="#{ managerCriarImovel.objeto.endereco.tipo }"
                                             required="true" requiredMessage="Tipo é obrigatório">
                                <f:selectItems value="#{ enums.tiposEndereco() }" />
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Medida" for="medidaAreaSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="medidaAreaSelectOneMenu"
                                             value="#{ managerCriarImovel.objeto.medidaArea }" >
                                <f:selectItems value="#{ enums.medidasArea() }" />
                                <p:ajax event="change" update=":criarImovelForm:medidaAreaOutputLabel, :criarImovelForm:areaOriginalInputText, :criarImovelForm:areaOriginalHaInputText" />
                            </p:selectOneMenu>
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Área do Imóvel" id="medidaAreaOutputLabel"
                                           style="#{ managerCriarImovel.objeto.medidaArea != null ? 'diplay: block' : 'display: none' }" />
                        </div>
                        <div class="column3">
                            <p:inputText id="areaOriginalInputText" value="#{ managerCriarImovel.objeto.areaOriginal }"
                                         onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );"
                                         style="#{ managerCriarImovel.objeto.medidaArea == 'METRO_QUADRADO' ? 'diplay: block' : 'display: none' }" >
                                <f:convertNumber type="number" locale="pt-BR" />
                            </p:inputText>
                        </div>

                        <div class="column3">
                            <p:inputText id="areaOriginalHaInputText" value="#{ managerCriarImovel.objeto.areaOriginalHa }"
                                         style="#{ managerCriarImovel.objeto.medidaArea == 'HECTARE' ? 'diplay: block' : 'display: none' }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Descrição" for="descricaoInputTextarea" />
                        </div>

                        <div class="column8">
                            <p:inputTextarea id="descricaoInputTextarea" value="#{ managerCriarImovel.objeto.descricao }"
                                             required="true" requiredMessage="Tipo é obrigatório"/>
                        </div>
                    </div>

                    <div class="clear"></div>

                    <p:fieldset legend="Endereço" styleClass="noborder">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Zona" for="zonaSelectOneMenu" />
                            </div>
                            <div class="column3">
                                <p:selectOneMenu id="zonaSelectOneMenu" value="#{ managerCriarImovel.objeto.endereco.zona }">
                                    <f:selectItems value="#{ enums.zonasImovel() }" />
                                    <p:ajax event="change" update=":criarImovelForm:localidadeInputText, :criarImovelForm:zonaOutputLabel" />
                                </p:selectOneMenu>
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Tipo de Logradoura" for="tipoLogradouroInputText" />
                            </div>
                            <div class="column3">
                                <p:selectOneMenu id="tipoLogradouroInputText" value="#{ managerCriarImovel.objeto.endereco.tipoLogradouro }">
                                    <f:selectItems value="#{ enums.tiposLogradouro() }" />
                                </p:selectOneMenu>
                            </div>                            
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Número" for="numeroInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="numeroInputText" value="#{ managerCriarImovel.objeto.endereco.numero }"/>
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Logradouro" for="logradouroInputText" />
                            </div>
                            <div class="column5">
                                <p:inputText id="logradouroInputText" value="#{ managerCriarImovel.objeto.endereco.logradouro }" />
                            </div>                            
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Cidade" for="cidadeAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="cidadeAutoComplete" value="#{ managerCriarImovel.objeto.endereco.cidade }"
                                                forceSelection="true" dropdown="true" var="cidade" itemValue="#{ cidade }" 
                                                itemLabel="#{ cidade.nome }" completeMethod="#{ managerCriarImovel.autocompletarCidade }"
                                                converter="conversorcidade" minQueryLength="3">
                                    <p:ajax event="itemSelect" oncomplete="widthFix();" update="@this, :criarImovelForm:bairroAutoComplete" />
                                </p:autoComplete>
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Bairro" for="bairroAutoComplete" />
                            </div>
                            <div class="column5">
                                <p:autoComplete id="bairroAutoComplete" value="#{ managerCriarImovel.objeto.endereco.bairro }"
                                                forceSelection="true" dropdown="true" var="bairro" itemValue="#{ bairro }" 
                                                itemLabel="#{ bairro.nome }" completeMethod="#{ managerCriarImovel.autocompletarBairro }"
                                                disabled="#{ managerCriarImovel.objeto.endereco.cidade == null }"
                                                converter="conversorbairro" minQueryLength="3" />
                            </div>                              
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="CEP" for="cepInputMask" />
                            </div>
                            <div class="column3">
                                <p:inputMask id="cepInputMask" value="#{ managerCriarImovel.objeto.endereco.cep }"
                                             mask="99.999-999" />
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Localidade" for="localidadeInputText" id="zonaOutputLabel"
                                               style="#{managerCriarImovel.objeto.endereco.zona == 'RURAL' ? 'diplay: block' : 'display: none' }" />
                            </div>
                            <div class="column5">
                                <p:inputText id="localidadeInputText" value="#{ managerCriarImovel.objeto.endereco.localidade }"
                                             style="#{managerCriarImovel.objeto.endereco.zona == 'RURAL' ? 'diplay: block' : 'display: none' }"/>
                            </div>
                        </div>

                    </p:fieldset>

                </p:fieldset>

                <p:fieldset legend="Confrontações" id="confrontacoesFieldset">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Frente" for="frenteInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="frenteInputText" value="#{ managerCriarImovel.objeto.frente }" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Fundo" for="fundoInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="fundoInputText" value="#{ managerCriarImovel.objeto.fundo }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Lado Esquerdo" for="ladoEsquerdoInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="ladoEsquerdoInputText" value="#{ managerCriarImovel.objeto.ladoEsquerdo }" />
                        </div>


                        <div class="column2">
                            <p:outputLabel value="Lado Direito" for="ladoDireitoInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="ladoDireitoInputText" value="#{ managerCriarImovel.objeto.ladoDireito }" />    
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Ao Norte" for="aoNorteInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="aoNorteInputText" value="#{ managerCriarImovel.objeto.aoNorte }" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Ao Sul" for="aoSulInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="aoSulInputText" value="#{ managerCriarImovel.objeto.aoSul }" />    
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Ao Leste" for="aoLesteInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="aoLesteInputText" value="#{ managerCriarImovel.objeto.aoLeste }" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Ao Oeste" for="aoOesteInputText" />
                        </div>    
                        <div class="column4">
                            <p:inputText id="aoOesteInputText" value="#{ managerCriarImovel.objeto.aoOeste }" />
                        </div>
                    </div>
                </p:fieldset>

                <p:fieldset legend="Transmitentes" id="transmitentesFieldset">

                    <div class="command">
                        <p:commandButton onclick="dialogTransmitente.show();" process="@this" update="@this" immediate="true" value="Adicionar" icon="ui-icon-plus" />
                    </div>

                    <p:dataTable id="transmitenteDataTable" value="#{ managerCriarImovel.transmitentesSelecionados }" var="transmitente"
                                 rows="10" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhum transmitente adicionado">                           

                        <p:column headerText="Opções" width="5%">
                            <div class="options1">                               
                                <p:commandButton immediate="true" title="Excluir" oncomplete="transmitenteApagarDialog.show()" icon="ui-icon-trash">
                                    <f:setPropertyActionListener target="#{ managerCriarImovel.transmitenteDeletar }" value="#{ transmitente }" />
                                </p:commandButton>
                            </div>
                        </p:column>
                        <p:column headerText="Nome/Razão Social">
                            <h:outputText value="#{ transmitente.nome }" />
                        </p:column>
                        <p:column headerText="CPF/CNPJ" width="40%">
                            <h:outputText value="#{ transmitente.tipoPessoa eq 'FISICA' ? managerCriarImovel.adicionarMascaraCPF(transmitente.cpf) : managerCriarImovel.adicionarMascaraCNPJ(transmitente.cnpj) }" />
                        </p:column>                               

                    </p:dataTable>

                </p:fieldset>

                <p:fieldset legend="Adquirentes" id="adquirentesFieldset">
                    <div class="command">
                        <p:commandButton styleClass="adicionar" oncomplete="widthFix();" onclick="dialogAdquirente.show();" process="@this" update="@this" immediate="true" value="Adicionar" icon="ui-icon-plus" />
                    </div>

                    <p:dataTable id="adquirenteDataTable" value="#{ managerCriarImovel.adquirentesSelecionados }" var="adquirente"
                                 rows="10" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhum adquirente adicionado">

                        <p:column headerText="Opções" width="5%">
                            <div class="options1">
                                <p:commandButton immediate="true" title="Excluir" oncomplete="adquirenteApagarDialog.show()" icon="ui-icon-trash">
                                    <f:setPropertyActionListener target="#{ managerCriarImovel.adquirenteDeletar }" value="#{ adquirente }" />
                                </p:commandButton>
                            </div>
                        </p:column>
                        <p:column headerText="Nome/Razão Social">
                            <h:outputText value="#{ adquirente.nome }" />
                        </p:column>
                        <p:column headerText="CPF/CNPJ" width="40%">
                            <h:outputText value="#{ adquirente.tipoPessoa eq 'FISICA' ? managerCriarImovel.adicionarMascaraCPF(adquirente.cpf) : managerCriarImovel.adicionarMascaraCNPJ(adquirente.cnpj) }" />
                        </p:column>                            

                    </p:dataTable>
                </p:fieldset>

                <p:fieldset legend="Georreferenciamento" id="georreferenciamentoFieldset">

                    <div class="row">
                        <div class="column1">
                            <p:outputLabel value="Tipo" for="tipoCoordenadaSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="tipoCoordenadaSelectOneMenu" value="#{ managerCriarImovel.ponto.tipoCoordenada }"
                                             required="true" requiredMessage="Tipo das Coordenadas">
                                <f:selectItems value="#{ enums.tiposCoordenada() }"></f:selectItems>
                                <p:ajax event="change" update="georreferenciamentoFieldset" />
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <p:panel styleClass="column6 noborder" rendered="#{ managerCriarImovel.ponto.tipoCoordenada eq 'DMS' }">
                        <div class="row">
                            <div class="column3">
                                <p:selectOneRadio id="pontoLatitudeSelectOneMenu" value="#{ managerCriarImovel.ponto.pontoLatitude }">
                                    <f:selectItems value="#{ enums.pontosNS() }" />
                                </p:selectOneRadio>
                            </div>
                            <div class="column2">
                                <p:inputText id="grauLatitudeInputText" value="#{ managerCriarImovel.ponto.grauLatitude }"
                                             required="true" requiredMessage="Grau é obrigatório" />
                            </div>
                            <p class="char">°</p>
                            <div class="column2">
                                <p:inputText id="minutoLatitudeInputText" value="#{ managerCriarImovel.ponto.minutoLatitude }"
                                             required="true" requiredMessage="Minuto é obrigatório" />
                            </div>
                            <p class="char">'</p>
                            <div class="column2">
                                <p:inputText id="segundoLatitudeInputText" value="#{ managerCriarImovel.ponto.segundoLatitude }"
                                             required="true" requiredMessage="Segundo é obrigatório" />
                            </div>
                            <p class="char">''</p>
                        </div>
                    </p:panel>

                    <p:panel styleClass="column6 noborder" rendered="#{ managerCriarImovel.ponto.tipoCoordenada eq 'DMS' }">
                        <div class="row">
                            <div class="column3">
                                <p:selectOneRadio id="pontoLongitudeSelectOneMenu" value="#{ managerCriarImovel.ponto.pontoLongitude }">
                                    <f:selectItems value="#{ enums.pontosEW() }" />
                                </p:selectOneRadio>
                            </div>
                            <div class="column2">
                                <p:inputText id="grauLongitudeInputText" value="#{ managerCriarImovel.ponto.grauLongitude }"
                                             required="true" requiredMessage="Grau é obrigatório" />
                            </div>
                            <p class="char">°</p>
                            <div class="column2">
                                <p:inputText id="minutoLongitudeInputText" value="#{ managerCriarImovel.ponto.minutoLongitude }"
                                             required="true" requiredMessage="Minuto é obrigatório" />
                            </div>
                            <p class="char">'</p>
                            <div class="column2">
                                <p:inputText id="segundoLongitudeInputText" value="#{ managerCriarImovel.ponto.segundoLongitude }"
                                             required="true" requiredMessage="Segundo é obrigatório" />
                            </div>
                            <p class="char">''</p>
                        </div>
                    </p:panel>

                    <p:panel styleClass="column12 noborder" rendered="#{ managerCriarImovel.ponto.tipoCoordenada eq 'LATITUDE_LOGITUDE' }">
                        <div class="row">
                            <div class="column1">
                                <p:outputLabel value="N" for="convNInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="convNInputText" value="#{ managerCriarImovel.ponto.convN }"
                                             required="true" requiredMessage="N é obrigatório" />
                            </div>

                            <div class="column1">
                                <p:outputLabel value="E" for="convEInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="convEInputText" value="#{ managerCriarImovel.ponto.convE }"
                                             required="true" requiredMessage="E é obrigatório" />
                            </div>

                            <div class="column1">
                                <p:outputLabel value="Zona" for="convZonaInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="convZonaInputText" value="#{ managerCriarImovel.ponto.convZona }"
                                             required="true" requiredMessage="Zona é obrigatório" />
                            </div>
                        </div>
                    </p:panel>

                    <div class="command">
                        <p:commandButton actionListener="#{ managerCriarImovel.adicionarCoordenada() }" value="Adicionar"
                                         process=":criarImovelForm:georreferenciamentoFieldset" update=":criarImovelForm:georreferenciamentoFieldset"
                                         icon="ui-icon-plus" />
                        <p:commandButton actionListener="#{ managerCriarImovel.limparCoordenada() }" value="Limpar"
                                         process="@this" update=":criarImovelForm:georreferenciamentoFieldset" icon="ui-icon-close" />
                    </div>

                    <p:dataTable id="coordenadasDataTable" value="#{ managerCriarImovel.coordenadas }" var="coordenada"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma coordenada adicionada">
                        <f:facet name="header">Coordenadas Geográficas</f:facet>

                        <p:column headerText="Opções" width="5%">
                            <div class="options2">
                                <p:commandButton icon="ui-icon-pencil" actionListener="#{ managerCriarImovel.editarCoordenada(coordenada) }" 
                                                 process="@this" update=":criarImovelForm:georreferenciamentoFieldset" />
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarImovel.removerCoordenada(coordenada) }"
                                                 process="@this" update=":criarImovelForm:georreferenciamentoFieldset" />
                            </div>
                        </p:column>
                        <p:column headerText="Latitude" width="45%">
                        #{ coordenada.latitude }
                        </p:column>
                        <p:column headerText="Longitude" width="45%">
                        #{ coordenada.longitude }
                        </p:column>

                    </p:dataTable>

                    <p:gmap id="mapa" zoom="#{ managerCriarImovel.objeto.zoom }" center="#{ managerCriarImovel.centroMapa }" type="HYBRID" styleClass="gmap"
                            model="#{ managerCriarImovel.mapa }" rendered="#{ managerCriarImovel.conexao }">
                        <p:ajax event="stateChange" listener="#{ managerCriarImovel.onStateChange }" />
                    </p:gmap>

                </p:fieldset>

                <p:fieldset legend="Anexos" id="anexosFieldset">

                    <p:fileUpload
                        auto="true"
                        mode="advanced"
                        label="Anexar"
                        uploadLabel="Enviar"
                        cancelLabel="Cancelar"
                        fileUploadListener="#{ managerCriarImovel.adicionarAnexo }"
                        multiple="true"
                        allowTypes="/(\.|\/)(gif|jpe?g|png|doc|docx|xls|xlsx|pdf|)$/"
                        dragDropSupport="true"
                        invalidFileMessage="Tipo de arquivo não suportado."
                        invalidSizeMessage="Tamanho do arquivo não é suportado"
                        process="@this"
                        update="@this, :criarImovelForm:anexosFieldset" />

                    <ui:repeat value="#{ managerCriarImovel.anexos }" var="anexo">
                        <p:panel styleClass="thumbnail">
                            <p:commandButton id="removeButton" alt="Remover" 
                                             process="@this" styleClass="ui-button-only ui-priority-primary button-remove"
                                             icon="ui-icon-trash" update=":criarImovelForm:anexosFieldset"
                                             actionListener="#{ managerCriarImovel.removerAnexo(anexo) }" />

                            <h:outputLink
                                value="#{ anexo.tipo ne 'application/pdf' ? 'viewImage.xhtml' : 'show' }" title="#{ anexo.nomeExibicao }"  target="_blank">

                                <p:graphicImage rendered="#{ managerImagem.imagem(anexo) }"
                                                url="#{ managerImagem.urlThumbnailImagem(anexo) }" />
                                <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexo(anexo) }"
                                               rendered="#{ managerImagem.imagem(anexo) }"/>
                                <p:graphicImage height="100" width="100" rendered="#{ managerImagem.PDF(anexo) }" 
                                                url="#{ managerImagem.urlPDF }" />
                                <p:outputLabel value="#{ managerImagem.nomeAnexoPdf(anexo) }" 
                                               rendered="#{ managerImagem.PDF(anexo) }"/>
                                <f:param name="annex" value="#{ managerImagem.urlVisualziarImagem(anexo) }"/>

                            </h:outputLink>

                        </p:panel>
                    </ui:repeat>

                </p:fieldset>

                <div class="command">
                    <p:commandButton actionListener="#{ managerCriarImovel.salvar() }" value="Salvar"
                                     process="@this, :criarImovelForm:cartorioFieldset, :criarImovelForm:imovelFieldset, :criarImovelForm:registrosAnterioresNaoCadastradosFieldset, :criarImovelForm:registrosAnterioresCadastradosFieldset, :criarImovelForm:tituloFieldset, :criarImovelForm:objetoFieldset, :criarImovelForm:confrontacoesFieldset"
                                     styleClass="ui-priority-primary"
                                     update="@form" oncomplete="widthFix();"  onsuccess="goY(0);"
                                     icon="ui-icon-disk" />
                    <p:button value="Cancelar" icon="ui-icon-cancel" href="indexImovel.xhtml" />
                </div>

                <p:dialog header="Deseja realmente excluir o transmitente?" widgetVar="transmitenteApagarDialog" modal="true"
                          closable="false" resizable="false" draggable="false" >
                    <div class="commandDialog">
                        <p:commandButton
                            value="Sim"
                            process="@this"
                            oncomplete="transmitenteApagarDialog.hide()" icon="ui-icon-check" actionListener="#{ managerCriarImovel.removerTransmitente() }"
                            update=":criarImovelForm:transmitenteDataTable" />
                        <p:commandButton value="Não" icon="ui-icon-close" immediate="true" oncomplete="transmitenteApagarDialog.hide()" />
                    </div>
                </p:dialog>

                <p:dialog header="Deseja realmente excluir o adquirente?" widgetVar="adquirenteApagarDialog" modal="true"
                          closable="false" resizable="false" draggable="false" >
                    <div class="commandDialog">
                        <p:commandButton
                            value="Sim"
                            process="@this"
                            oncomplete="adquirenteApagarDialog.hide()" icon="ui-icon-check" actionListener="#{ managerCriarImovel.removerAdquirente() }"
                            update=":criarImovelForm:adquirenteDataTable" />
                        <p:commandButton value="Não" icon="ui-icon-close" immediate="true" oncomplete="adquirenteApagarDialog.hide()" />
                    </div>
                </p:dialog>

            </h:form>

            <h:form>

                <p:dialog id="imovelAnteriorDialog" widgetVar="dialogImovelAnterior" header="Buscar Imovel" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" draggable="false" closable="false">

                    <p:fieldset id="imovelAnteriorPesquisarFieldset" legend="Buscar Imóvel">

                        <f:validateBean disabled="true">
                            <div class="row">
                                <div class="column2">
                                    <p:outputLabel value="Matrícula" for="registroImovelAnteriorPesquisarInputText"  />
                                </div>
                                <div class="column9">
                                    <p:inputText id="registroImovelAnteriorPesquisarInputText" value="#{ managerCriarImovel.imovelAnteriorPesquisar.registro }" />
                                </div>
                            </div>
                        </f:validateBean>

                        <div class="command">
                            <p:commandButton actionListener="#{ managerCriarImovel.pesquisarImovelAnterior() }" value="Pesquisar"
                                             update="imovelAnteriorPesquisarFieldset" process="imovelAnteriorPesquisarFieldset"
                                             icon="ui-icon-search" />
                        </div>

                        <p:dataTable id="imovelAnteriorsDataTable" var="imovel" value="#{ managerCriarImovel.imoveisAnteriores }" 
                                     rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ imovel.id }"
                                     selection="#{ managerCriarImovel.imovelAnteriorSelecionado }" selectionMode="single"
                                     emptyMessage="Nenhum imóvel encontrado">
                            <p:ajax event="rowSelect"  process="@this" update="@this"/>

                            <p:column headerText="Registro/Matrícula" width="40%">
                                <h:outputText value="#{ imovel.registro }" />
                            </p:column>
                            <p:column headerText="Livro" width="30%">
                                <h:outputText value="#{ imovel.livro.titulo }" />
                            </p:column>
                            <p:column headerText="Folhas" width="30%">
                                <h:outputText value="#{ imovel.folhas }" />
                            </p:column>
                        </p:dataTable>

                        <div class="command">
                            <p:commandButton actionListener="#{ managerCriarImovel.selecionarImovelAnterior() }"
                                             update=":criarImovelForm:imovelAnteriorDataTable, imovelAnteriorDialog" process="@this"
                                             value="Selecionar" icon="ui-icon-plus" oncomplete="dialogImovelAnterior.hide();" />
                            <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogImovelAnterior.hide()" process="@this"
                                             update="imovelAnteriorDialog" actionListener="#{ managerCriarImovel.instanciarImovelAnterior() }" />
                        </div>

                    </p:fieldset>
                </p:dialog>

            </h:form>

            <h:form id="transmitenteForm">

                <p:dialog id="transmitenteDialog" widgetVar="dialogTransmitente" header="Transmitente" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" draggable="false" closable="false">

                    <p:tabView id="transmitenteTabView" onTabShow="widthFix();">

                        <p:tab id="pesquisarTransmitenteTab" title="Pesquisar">

                            <p:panel id="transmitentePesquisarPanel" styleClass="column12">

                                <div class="row selectionBox">
                                    <p:selectOneRadio id="tipoPessoaTransmitenteSelectOneMenu" value="#{ managerCriarImovel.transmitentePesquisar.tipoPessoa }" >
                                        <f:selectItems value="#{ enums.tiposPessoa() }" />   
                                        <p:ajax event="change"
                                                update=":transmitenteForm:transmitenteTabView:transmitentePesquisarPanel" listener="#{ managerCriarImovel.limparTransmitente() }" />
                                    </p:selectOneRadio>
                                </div>

                                <f:validateBean disabled="true">
                                    <div class="row">
                                        <div class="column1">
                                            <p:outputLabel value="Nome" for="nomeTransmitenteInputText"  />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="nomeTransmitenteInputText" value="#{ managerCriarImovel.transmitentePesquisar.nome }" />
                                        </div>

                                        <div class="column1">
                                            <p:outputLabel value="CPF" for="cpfTransmitenteInputMask" 
                                                           rendered="#{ managerCriarImovel.transmitentePesquisar.tipoPessoa eq 'FISICA' }" />
                                        </div>
                                        <div class="column4">
                                            <p:inputMask id="cpfTransmitenteInputMask" value="#{ managerCriarImovel.transmitentePesquisar.cpf }"
                                                         rendered="#{ managerCriarImovel.transmitentePesquisar.tipoPessoa eq 'FISICA' }" mask="999.999.999-99" />
                                        </div>

                                        <div class="column1">
                                            <p:outputLabel value="CNPJ" for="cnpjTransmitenteInputMask"
                                                           rendered="#{ managerCriarImovel.transmitentePesquisar.tipoPessoa eq 'JURIDICA' }" />
                                        </div>
                                        <div class="column4">
                                            <p:inputMask id="cnpjTransmitenteInputMask" value="#{ managerCriarImovel.transmitentePesquisar.cnpj }"
                                                         rendered="#{ managerCriarImovel.transmitentePesquisar.tipoPessoa eq 'JURIDICA' }" mask="99.999.999/9999-99" />
                                        </div>
                                    </div>
                                </f:validateBean>

                                <div class="command">
                                    <p:commandButton actionListener="#{ managerCriarImovel.pesquisarTransmitente() }" value="Pesquisar"
                                                     update=":transmitenteForm:transmitenteTabView:transmitentePesquisarPanel" process=":transmitenteForm:transmitenteTabView:transmitentePesquisarPanel"
                                                     icon="ui-icon-search" />
                                </div>

                                <p:dataTable id="transmitentesDataTable" var="pessoa" value="#{ managerCriarImovel.transmitentes }" 
                                             rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ pessoa.id }"
                                             selection="#{ managerCriarImovel.transmitenteSelecionado }" selectionMode="single"
                                             emptyMessage="Nenhum transmitente encontrado">
                                    <f:facet name="header">Clientes</f:facet>
                                    <p:ajax event="rowSelect"  process="@this" update="@this"/>

                                    <p:column headerText="Nome" width="70%">
                                        <h:outputText value="#{ pessoa.nome }" />
                                    </p:column>
                                    <p:column headerText="#{ managerCriarImovel.transmitentePesquisar.tipoPessoa eq 'FISICA' ? 'CPF' : 'CNPJ' }" width="30%">
                                        <h:outputText value="#{ pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarPessoa.adicionarMascaraCPF(pessoa.cpf) : managerPesquisarPessoa.adicionarMascaraCNPJ(pessoa.cnpj) }" />
                                    </p:column>
                                </p:dataTable>

                                <div class="command">
                                    <p:commandButton actionListener="#{ managerCriarImovel.selecionarTransmitente() }"
                                                     update=":criarImovelForm:transmitenteDataTable, :transmitenteForm:transmitenteTabView:transmitentePesquisarPanel" process="@this"
                                                     value="Selecionar" styleClass="ui-priority-primary" icon="ui-icon-plus" />
                                    <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogTransmitente.hide()" process="@this"
                                                     update=":transmitenteForm:transmitenteDialog" actionListener="#{ managerCriarImovel.instanciarTransmitentePesquisar() }" />
                                </div>

                            </p:panel>

                        </p:tab>

                        <p:tab id="cadastrarTransmitenteTab" title="Cadastrar">

                            <p:messages id="cadastrarTransmitenteMessages" autoUpdate="true" />

                            <p:fieldset legend="Dados" id="dadosFieldset">

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Tipo" for="nomeInputText"
                                                       rendered="#{ managerCriarImovel.transmitenteCadastrar.id == null }" />
                                    </div>                        
                                    <div class="column10">
                                        <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerCriarImovel.transmitenteCadastrar.tipoPessoa }"
                                                          rendered="#{ managerCriarImovel.transmitenteCadastrar.id == null }">
                                            <f:selectItems value="#{ enums.tiposPessoa() }" />
                                            <p:ajax event="change" update="dadosFieldset" oncomplete="widthFix();" />
                                        </p:selectOneRadio>
                                    </div>
                                </div>

                                <p:panel id="pessoaFisicaPanel" styleClass="noborder"
                                         rendered="#{ managerCriarImovel.transmitenteCadastrar.tipoPessoa eq 'FISICA' }">
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Nome" for="nomeInputText" />
                                        </div>
                                        <div class="column10">
                                            <p:inputText id="nomeInputText" value="#{ managerCriarImovel.transmitenteCadastrar.nome }"
                                                         required="true" requiredMessage="Nome é obrigatório" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="CPF" for="cpfInputMask" />
                                        </div>
                                        <div class="column3">
                                            <p:inputMask id="cpfInputMask" value="#{ managerCriarImovel.transmitenteCadastrar.cpf }"
                                                         mask="999.999.999-99" />
                                        </div>                             

                                        <div class="column2">
                                            <p:outputLabel value="RG" for="rgInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:inputText id="rgInputText" value="#{ managerCriarImovel.transmitenteCadastrar.rg }" />
                                        </div>   
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Data de Nascimento" />
                                        </div>
                                        <div class="column3">
                                            <p:calendar id="dataVigorCalendar" value="#{ managerCriarImovel.transmitenteCadastrar.dataNascimento }"
                                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" yearRange="1900:c+10" />
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Estado Civil" for="estadoCivilSelectOneMenu" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneMenu id="estadoCivilSelectOneMenu" value="#{ managerCriarImovel.transmitenteCadastrar.estadoCivil }">
                                                <f:selectItems value="#{ enums.estadosCivis() }" />
                                            </p:selectOneMenu>
                                        </div>                            
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Sexo" for="sexoSelectOneRadio" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneRadio id="sexoSelectOneRadio" value="#{ managerCriarImovel.transmitenteCadastrar.sexo }">
                                                <f:selectItems value="#{ enums.sexos() }" />
                                            </p:selectOneRadio>
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Profissão" for="profissaoInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:inputText id="profissaoInputText" value="#{ managerCriarImovel.transmitenteCadastrar.profissao }" />
                                        </div>
                                    </div>

                                </p:panel>

                                <p:panel id="dadosPessoaJuridica" styleClass="noborder"
                                         rendered="#{managerCriarImovel.transmitenteCadastrar.tipoPessoa eq 'JURIDICA'}">
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Nome Fantasia" for="nomeFantasiaInputText" />
                                        </div>
                                        <div class="column10">
                                            <p:inputText id="nomeFantasiaInputText" value="#{ managerCriarImovel.transmitenteCadastrar.nome }"
                                                         required="true" requiredMessage="Nome Fantasia é obrigatório" />                                
                                        </div>
                                    </div>

                                    <div class="row">    
                                        <div class="column2">
                                            <p:outputLabel value="Razão Social" for="razaoSocialInputText" />
                                        </div>
                                        <div class="column10">
                                            <p:inputText id="razaoSocialInputText" value="#{ managerCriarImovel.transmitenteCadastrar.razaoSocial }"
                                                         required="true" requiredMessage="Razão é obrigatório" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="CNPJ" for="cnpjInputMask" />
                                        </div>
                                        <div class="column5">
                                            <p:inputMask id="cnpjInputMask" value="#{ managerCriarImovel.transmitenteCadastrar.cnpj }"
                                                         required="true" requiredMessage="CNPJ é obrigatório" mask="99.999.999/9999-99" />                                
                                        </div>
                                    </div>                        
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Responsável" for="responsavelInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="responsavelInputText" value="#{ managerCriarImovel.transmitenteCadastrar.responsavel }" />
                                        </div>
                                        <div class="column1">
                                            <p:outputLabel value="Email" for="emailInputText" />
                                        </div>
                                        <div class="column4">
                                            <p:inputText id="emailInputText" value="#{ managerCriarImovel.transmitenteCadastrar.email }"/>
                                        </div>
                                    </div>
                                </p:panel>

                            </p:fieldset>

                            <p:fieldset legend="Endereço">

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Zona" for="zonaSelectOneMenu" />
                                    </div>
                                    <div class="column3">
                                        <p:selectOneMenu id="zonaSelectOneMenu" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.zona }">
                                            <f:selectItems value="#{ enums.zonasImovel() }" />
                                            <p:ajax event="change" update=":transmitenteForm:transmitenteTabView:localidadeInputText, :transmitenteForm:transmitenteTabView:localidadeOutputLabel" />
                                        </p:selectOneMenu>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Tipo do logradouro" for="tipoLogradouroInputText" />
                                    </div>
                                    <div class="column3">
                                        <p:selectOneMenu id="tipoLogradouroInputText" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.tipoLogradouro }">
                                            <f:selectItems value="#{ enums.tiposLogradouro() }" />
                                        </p:selectOneMenu>
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Tipo do endereço" for="tipoEnderecoInputText" />
                                    </div>
                                    <div class="column3">
                                        <p:selectOneMenu id="tipoEnderecoInputText" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.tipo }">
                                            <f:selectItems value="#{ enums.tiposEndereco() }" />
                                        </p:selectOneMenu>
                                    </div>                                    
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Número" for="numeroInputText" />
                                    </div>
                                    <div class="column3">
                                        <p:inputText id="numeroInputText" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.numero }"/>
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Logradouro" for="logradouroInputText" />
                                    </div>
                                    <div class="column5">
                                        <p:inputText id="logradouroInputText" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.logradouro }" />
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Cidade" for="cidadeAutoComplete" />
                                    </div>
                                    <div class="column3">
                                        <p:autoComplete id="cidadeAutoComplete" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.cidade }"
                                                        forceSelection="true" dropdown="true" var="cidade" itemValue="#{ cidade }" 
                                                        itemLabel="#{ cidade.nome }" completeMethod="#{ managerCriarPessoa.autocompletarCidade }"
                                                        converter="conversorcidade" minQueryLength="3" required="true" requiredMessage="Cidade é obrigatório">
                                            <p:ajax event="itemSelect" oncomplete="widthFix();" update="@this, :transmitenteForm:transmitenteTabView:bairroTransmitenteAutoComplete" />
                                        </p:autoComplete>
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Bairro" for="bairroTransmitenteAutoComplete" />
                                    </div>
                                    <div class="column5">
                                        <p:autoComplete id="bairroTransmitenteAutoComplete" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.bairro }"
                                                        forceSelection="true" dropdown="true" var="bairro" itemValue="#{ bairro }" 
                                                        itemLabel="#{ bairro.nome }" completeMethod="#{ managerCriarImovel.autocompletarBairroTransmitente }"
                                                        disabled="#{ managerCriarImovel.transmitenteCadastrar.endereco.cidade == null }"
                                                        converter="conversorbairro" minQueryLength="3" />
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="CEP" for="cepInputMask" />
                                    </div>
                                    <div class="column3">
                                        <p:inputMask id="cepInputMask" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.cep }"
                                                     mask="99.999-999" />
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Localidade" id="localidadeOutputLabel" for="localidadeInputText"
                                                       style="#{ managerCriarImovel.transmitenteCadastrar.endereco.zona == 'RURAL' ? 'diplay: block' : 'display: none' }" />
                                    </div>
                                    <div class="column5">
                                        <p:inputText id="localidadeInputText" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.localidade }"
                                                     style="#{ managerCriarImovel.transmitenteCadastrar.endereco.zona == 'RURAL' ? 'diplay: block' : 'display: none' }" />
                                    </div>                                    
                                </div>

                            </p:fieldset>

                            <div class="command">
                                <p:commandButton actionListener="#{ managerCriarImovel.salvarTransmitente() }"
                                                 value="Salvar" icon="ui-icon-disk" styleClass="ui-priority-primary" oncomplete="widthFix();"
                                                 update=":transmitenteForm:transmitenteTabView:cadastrarTransmitenteTab, :criarImovelForm:transmitenteDataTable"
                                                 process="@this, :transmitenteForm:transmitenteTabView:cadastrarTransmitenteTab" />
                                <p:commandButton process="@this" update=":transmitenteForm:transmitenteDialog" actionListener="#{ managerCriarImovel.instanciarTransmitenteCadastrar() }"
                                                 value="Cancelar" oncomplete="dialogTransmitente.hide()" icon="ui-icon-cancel" />
                            </div>

                        </p:tab>

                    </p:tabView>

                </p:dialog>                

            </h:form>

            <h:form id="adquirenteForm">

                <p:dialog id="adquirenteDialog" widgetVar="dialogAdquirente" header="Adquirentes" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" draggable="false" closable="false">

                    <p:tabView id="adquirenteTabView" onTabShow="widthFix();">

                        <p:tab id="pesquisarAdquirenteTab" title="Pesquisar">

                            <p:panel id="adquirentePesquisarPanel" styleClass="column12">

                                <div class="row selectionBox">
                                    <p:selectOneRadio id="tipoPessoaAdquirenteSelectOneMenu" value="#{ managerCriarImovel.adquirentePesquisar.tipoPessoa }" >
                                        <f:selectItems value="#{ enums.tiposPessoa() }" />   
                                        <p:ajax event="change"
                                                update=":adquirenteForm:adquirenteTabView:adquirentePesquisarPanel" listener="#{ managerCriarImovel.limparAdquirente() }" />
                                    </p:selectOneRadio>
                                </div>

                                <f:validateBean disabled="true">
                                    <div class="row">
                                        <div class="column1">
                                            <p:outputLabel value="Nome" for="nomeAdquirenteInputText"  />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="nomeAdquirenteInputText" value="#{ managerCriarImovel.adquirentePesquisar.nome }" />
                                        </div>

                                        <div class="column1">
                                            <p:outputLabel value="CPF" for="cpfAdquirenteInputMask" 
                                                           rendered="#{ managerCriarImovel.adquirentePesquisar.tipoPessoa eq 'FISICA' }" />
                                        </div>
                                        <div class="column4">
                                            <p:inputMask id="cpfAdquirenteInputMask" value="#{ managerCriarImovel.adquirentePesquisar.cpf }"
                                                         rendered="#{ managerCriarImovel.adquirentePesquisar.tipoPessoa eq 'FISICA' }" mask="999.999.999-99" />
                                        </div>

                                        <div class="column1">
                                            <p:outputLabel value="CNPJ" for="cnpjAdquirenteInputMask"
                                                           rendered="#{ managerCriarImovel.adquirentePesquisar.tipoPessoa eq 'JURIDICA' }" />
                                        </div>
                                        <div class="column4">
                                            <p:inputMask id="cnpjAdquirenteInputMask" value="#{ managerCriarImovel.adquirentePesquisar.cnpj }"
                                                         rendered="#{ managerCriarImovel.adquirentePesquisar.tipoPessoa eq 'JURIDICA' }" mask="99.999.999/9999-99" />
                                        </div>
                                    </div>
                                </f:validateBean>

                                <div class="command">
                                    <p:commandButton actionListener="#{ managerCriarImovel.pesquisarAdquirente() }" value="Pesquisar"
                                                     update=":adquirenteForm:adquirenteTabView:adquirentePesquisarPanel" process=":adquirenteForm:adquirenteTabView:adquirentePesquisarPanel"
                                                     icon="ui-icon-search" />
                                </div>

                                <p:dataTable id="adquirentesDataTable" var="pessoa" value="#{ managerCriarImovel.adquirentes }" 
                                             rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ pessoa.id }"
                                             selection="#{ managerCriarImovel.adquirenteSelecionado }" selectionMode="single"
                                             emptyMessage="Nenhum adquirente encontrado">
                                    <f:facet name="header">Clientes</f:facet>
                                    <p:ajax event="rowSelect"  process="@this" update="@this"/>

                                    <p:column headerText="Nome" width="70%">
                                        <h:outputText value="#{ pessoa.nome }" />
                                    </p:column>
                                    <p:column headerText="#{ managerCriarImovel.adquirentePesquisar.tipoPessoa eq 'FISICA' ? 'CPF' : 'CNPJ' }" width="30%">
                                        <h:outputText value="#{ pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarPessoa.adicionarMascaraCPF(pessoa.cpf) : managerPesquisarPessoa.adicionarMascaraCNPJ(pessoa.cnpj) }" />
                                    </p:column>
                                </p:dataTable>

                                <div class="command">
                                    <p:commandButton actionListener="#{ managerCriarImovel.selecionarAdquirente() }"
                                                     update=":criarImovelForm:adquirenteDataTable, :adquirenteForm:adquirenteTabView:adquirentePesquisarPanel"
                                                     process="@this" value="Selecionar" styleClass="ui-priority-primary" icon="ui-icon-plus" />
                                    <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogAdquirente.hide()" process="@this"
                                                     update=":adquirenteForm:adquirenteDialog" actionListener="#{ managerCriarImovel.instanciarAdquirentePesquisar() }" />
                                </div>

                            </p:panel>

                        </p:tab>

                        <p:tab id="cadastrarAdquirente" title="Cadastrar">

                            <p:messages id="cadastrarAdquirenteMessages" autoUpdate="true" />

                            <p:fieldset legend="Dados" id="dadosFieldset">

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Tipo" for="nomeInputText"
                                                       rendered="#{ adquirentetransmitenteCadastrar.id == null }" />
                                    </div>                        
                                    <div class="column10">
                                        <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerCriarImovel.adquirenteCadastrar.tipoPessoa }"
                                                          rendered="#{ managerCriarImovel.adquirenteCadastrar.id == null }">
                                            <f:selectItems value="#{ enums.tiposPessoa() }" />
                                            <p:ajax event="change" update="dadosFieldset" oncomplete="widthFix();" />
                                        </p:selectOneRadio>
                                    </div>
                                </div>

                                <p:panel id="pessoaFisicaPanel" styleClass="noborder"
                                         rendered="#{ managerCriarImovel.adquirenteCadastrar.tipoPessoa eq 'FISICA' }">
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Nome" for="nomeInputText" />
                                        </div>
                                        <div class="column10">
                                            <p:inputText id="nomeInputText" value="#{ managerCriarImovel.adquirenteCadastrar.nome }"
                                                         required="true" requiredMessage="Nome é obrigatório" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="CPF" for="cpfInputMask" />
                                        </div>
                                        <div class="column3">
                                            <p:inputMask id="cpfInputMask" value="#{ managerCriarImovel.adquirenteCadastrar.cpf }"
                                                         mask="999.999.999-99" />
                                        </div>                             

                                        <div class="column2">
                                            <p:outputLabel value="RG" for="rgInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:inputText id="rgInputText" value="#{ managerCriarImovel.adquirenteCadastrar.rg }" />
                                        </div>   
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Data de Nascimento" />
                                        </div>
                                        <div class="column3">
                                            <p:calendar id="dataVigorCalendar" value="#{ managerCriarImovel.adquirenteCadastrar.dataNascimento }"
                                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" yearRange="1900:c+10" />
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Estado Civil" for="estadoCivilSelectOneMenu" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneMenu id="estadoCivilSelectOneMenu" value="#{ managerCriarImovel.adquirenteCadastrar.estadoCivil }">
                                                <f:selectItems value="#{ enums.estadosCivis() }" />
                                            </p:selectOneMenu>
                                        </div>                            
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Sexo" for="sexoSelectOneRadio" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneRadio id="sexoSelectOneRadio" value="#{ managerCriarImovel.adquirenteCadastrar.sexo }">
                                                <f:selectItems value="#{ enums.sexos() }" />
                                            </p:selectOneRadio>
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Profissão" for="profissaoInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:inputText id="profissaoInputText" value="#{ managerCriarImovel.adquirenteCadastrar.profissao }" />
                                        </div>
                                    </div>

                                </p:panel>

                                <p:panel id="dadosPessoaJuridica" styleClass="noborder"
                                         rendered="#{managerCriarImovel.adquirenteCadastrar.tipoPessoa eq 'JURIDICA'}">
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Nome Fantasia" for="nomeFantasiaInputText" />
                                        </div>
                                        <div class="column10">
                                            <p:inputText id="nomeFantasiaInputText" value="#{ managerCriarImovel.adquirenteCadastrar.nome }"
                                                         required="true" requiredMessage="Nome Fantasia é obrigatório" />                                
                                        </div>
                                    </div>

                                    <div class="row">    
                                        <div class="column2">
                                            <p:outputLabel value="Razão Social" for="razaoSocialInputText" />
                                        </div>
                                        <div class="column10">
                                            <p:inputText id="razaoSocialInputText" value="#{ managerCriarImovel.adquirenteCadastrar.razaoSocial }"
                                                         required="true" requiredMessage="Razão é obrigatório" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="CNPJ" for="cnpjInputMask" />
                                        </div>
                                        <div class="column5">
                                            <p:inputMask id="cnpjInputMask" value="#{ managerCriarImovel.adquirenteCadastrar.cnpj }"
                                                         required="true" requiredMessage="CNPJ é obrigatório" mask="99.999.999/9999-99" />                                
                                        </div>
                                    </div>                        
                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Responsável" for="responsavelInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="responsavelInputText" value="#{ managerCriarImovel.adquirenteCadastrar.responsavel }" />
                                        </div>
                                        <div class="column1">
                                            <p:outputLabel value="Email" for="emailInputText" />
                                        </div>
                                        <div class="column4">
                                            <p:inputText id="emailInputText" value="#{ managerCriarImovel.adquirenteCadastrar.email }"/>
                                        </div>
                                    </div>
                                </p:panel>

                            </p:fieldset>

                            <p:fieldset legend="Endereço">

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Zona" for="zonaSelectOneMenu" />
                                    </div>
                                    <div class="column3">
                                        <p:selectOneMenu id="zonaSelectOneMenu" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.zona }">
                                            <f:selectItems value="#{ enums.zonasImovel() }" />
                                            <p:ajax event="change" update=":adquirenteForm:adquirenteTabView:localidadeInputText, :adquirenteForm:adquirenteTabView:localidadeOutputLabel" />
                                        </p:selectOneMenu>
                                    </div>
                                </div>                                

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Tipo do logradouro" for="tipoLogradouroInputText" />
                                    </div>
                                    <div class="column3">
                                        <p:selectOneMenu id="tipoLogradouroInputText" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.tipoLogradouro }">
                                            <f:selectItems value="#{ enums.tiposLogradouro() }" />
                                        </p:selectOneMenu>
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Tipo do endereço" for="tipoEnderecoInputText" />
                                    </div>
                                    <div class="column3">
                                        <p:selectOneMenu id="tipoEnderecoInputText" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.tipo }">
                                            <f:selectItems value="#{ enums.tiposEndereco() }" />
                                        </p:selectOneMenu>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Número" for="numeroInputText" />
                                    </div>
                                    <div class="column3">
                                        <p:inputText id="numeroInputText" value="#{ managerCriarImovel.transmitenteCadastrar.endereco.numero }"/>
                                    </div>                                    

                                    <div class="column2">
                                        <p:outputLabel value="Logradouro" for="logradouroInputText" />
                                    </div>
                                    <div class="column5">
                                        <p:inputText id="logradouroInputText" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.logradouro }" />
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="Cidade" for="cidadeAutoComplete" />
                                    </div>
                                    <div class="column3">
                                        <p:autoComplete id="cidadeAutoComplete" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.cidade }"
                                                        forceSelection="true" dropdown="true" var="cidade" itemValue="#{ cidade }" 
                                                        itemLabel="#{ cidade.nome }" completeMethod="#{ managerCriarPessoa.autocompletarCidade }"
                                                        converter="conversorcidade" minQueryLength="3" required="true" requiredMessage="Cidade é obrigatório">
                                            <p:ajax event="itemSelect" oncomplete="widthFix();" update="@this, :adquirenteForm:adquirenteTabView:bairroAdquirenteAutoComplete" />
                                        </p:autoComplete>
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Bairro" for="bairroAdquirenteAutoComplete" />
                                    </div>
                                    <div class="column5">
                                        <p:autoComplete id="bairroAdquirenteAutoComplete" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.bairro }"
                                                        forceSelection="true" dropdown="true" var="bairro" itemValue="#{ bairro }" 
                                                        itemLabel="#{ bairro.nome }" completeMethod="#{ managerCriarImovel.autocompletarBairroAdquirente }"
                                                        disabled="#{ managerCriarImovel.adquirenteCadastrar.endereco.cidade == null }"
                                                        converter="conversorbairro" minQueryLength="3" />
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="column2">
                                        <p:outputLabel value="CEP" for="cepInputMask" />
                                    </div>
                                    <div class="column3">
                                        <p:inputMask id="cepInputMask" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.cep }"
                                                     mask="99.999-999" />
                                    </div>

                                    <div class="column2">
                                        <p:outputLabel value="Localidade" id="localidadeOutputLabel" for="localidadeInputText"
                                                       style="#{ managerCriarImovel.adquirenteCadastrar.endereco.zona == 'RURAL' ? 'diplay: block' : 'display: none' }" />
                                    </div>
                                    <div class="column5">
                                        <p:inputText id="localidadeInputText" value="#{ managerCriarImovel.adquirenteCadastrar.endereco.localidade }"
                                                     style="#{ managerCriarImovel.adquirenteCadastrar.endereco.zona == 'RURAL' ? 'diplay: block' : 'display: none' }" />
                                    </div>                                    
                                </div>
                            </p:fieldset>

                            <div class="command">
                                <p:commandButton actionListener="#{ managerCriarImovel.salvarAdquirente() }"
                                                 value="Salvar" icon="ui-icon-disk" styleClass="ui-priority-primary" oncomplete="widthFix();"
                                                 update=":adquirenteForm:adquirenteTabView:cadastrarAdquirente, :criarImovelForm:adquirenteDataTable"
                                                 process="@this, :adquirenteForm:adquirenteTabView:cadastrarAdquirente" />
                                <p:commandButton process="@this" update=":adquirenteForm:adquirenteDialog" actionListener="#{ managerCriarImovel.instanciarAdquirente() }"
                                                 value="Cancelar" oncomplete="dialogAdquirente.hide()" icon="ui-icon-cancel" />
                            </div>

                        </p:tab>

                    </p:tabView>

                </p:dialog>

            </h:form>

            <h:form id="protocoloForm">

                <p:dialog id="protocoloDialog" widgetVar="dialogProtocolo" header="Protocolo" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" draggable="false" closable="false">

                    <p:panel id="protocoloPesquisarPanel" styleClass="column12">

                        <f:validateBean disabled="true">
                            <div class="row">
                                <div class="column1">
                                    <p:outputLabel value="Código" for="codigoProtocoloInputText" />
                                </div>
                                <div class="column3">
                                    <p:inputText id="codigoProtocoloInputText" value="#{ managerCriarImovel.protocoloPesquisar.id }" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="column1">
                                    <p:outputLabel value="Nome" for="nomeProtocoloInputText"  />
                                </div>
                                <div class="column6">
                                    <p:inputText id="nomeProtocoloInputText" value="#{ managerCriarImovel.protocoloPesquisar.cliente.nome }" />
                                </div>

                                <div class="column1">
                                    <p:outputLabel value="CPF" for="cpfProtocoloInputMask" />
                                </div>

                                <div class="column3">
                                    <p:inputMask id="cpfProtocoloInputMask" value="#{ managerCriarImovel.protocoloPesquisar.cliente.cpf }"
                                                 mask="999.999.999-99" />
                                </div>                                
                            </div>
                        </f:validateBean>

                        <div class="command">
                            <p:commandButton actionListener="#{ managerCriarImovel.pesquisarProtocolo() }" value="Pesquisar"
                                             update=":protocoloForm:protocoloPesquisarPanel" process=":protocoloForm:protocoloPesquisarPanel"
                                             icon="ui-icon-search" />
                        </div>

                        <p:dataTable id="protocolosDataTable" var="protocolo" value="#{ managerCriarImovel.protocolos }" 
                                     rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ protocolo.id }"
                                     selection="#{ managerCriarImovel.protocoloSelecionado }" selectionMode="single"
                                     emptyMessage="Nenhum protocolo encontrado">

                            <p:ajax event="rowSelect"  process="@this" update="@this"/>

                            <p:column headerText="Código" width="20%">
                                <h:outputText value="#{ protocolo.id }" />
                            </p:column>
                            <p:column headerText="Cliente" width="40%">
                                <h:outputText value="#{ protocolo.cliente.nome }" />
                            </p:column>
                            <p:column headerText="CPF" width="20%">
                                <h:outputText value="#{ managerPesquisarPessoa.adicionarMascaraCPF(protocolo.cliente.cpf) }" />
                            </p:column>
                            <p:column headerText="Data do Protocolo" width="20%">
                                <h:outputText value="#{ protocolo.dataCadastro }">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>
                        </p:dataTable>

                        <div class="command">
                            <p:commandButton actionListener="#{ managerCriarImovel.selecionarProtocolo() }"
                                             update=":criarImovelForm:protocoloFieldset, :protocoloForm:protocoloPesquisarPanel"
                                             process="@this" value="Selecionar" icon="ui-icon-plus" />
                            <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogProtocolo.hide()" process="@this"
                                             update=":protocoloForm:protocoloDialog" actionListener="#{ managerCriarImovel.instanciarProtocolo() }" />
                        </div>

                    </p:panel>

                </p:dialog>

            </h:form>

            <p:panel rendered="#{ managerCriarImovel.conexao }">
                <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
            </p:panel>

            <script type='text/javascript' src='media/js/jquery-ui.js'></script>
            <script>
                $(document).ready(function() {
                    $( document ).tooltip();
                    setSelectedMenu('#imovel');
                });
            </script>

        </ui:define>
    </ui:composition>

</html>